<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Zona del Estudiante - Universidad de Cuenca</title>
        <h:outputStylesheet library="css" name="estilo.css"/>
        <h:outputStylesheet library="css" name="style_common.css"/>
        <h:outputStylesheet library="css" name="style1.css"/>
        <h:outputStylesheet library="css" name="estilosocialicon.css"/>

        <h:outputScript library="js" name="common.js" />
        <h:outputScript library="js" name="socialicon.js" />
    </h:head>

    <h:body>

        <div id="top-bar">
            <a name="top"></a>
            <div class="wrapper">
                <ul id="menu">
                    <li>
                        <span>
                            Zona del estudiante - Universidad de Cuenca
                            <span>Información, foros, galerías</span>
                        </span>
                        <div class="line"></div>
                    </li>

                </ul>

                <div id="logosection">
                    <img src="resources/images/logoglobal.png" alt="Logo Aso" width="190px" height="129px"/>
                </div>

            </div>
        </div>




        <div class="wrapper">



            <p:inputText type="hidden" value="#{gestorPrincipal.resetearEscuela()}"/>

            <header class="header">
                <p:panel id="titulopagina" style="border: 0px; text-align: center;">
                    <p:outputLabel value="#{gestorPrincipal.escuela.nombre}"/>
                    <p:panel id="descripcionpagina" style="text-align: center; border: 0px;">
                        <p:outputLabel value="#{gestorPrincipal.escuela.descripcion}"/>
                    </p:panel>
                </p:panel>
                <br/>

            </header><!-- .header-->

            <div class="middle">


                <div class="container">
                    <main class="content">


                        <h:form>                                
                            <p:dataGrid value="#{gestorPrincipal.escuelas}" var="esc" columns="3">  

                                <p:panel header="#{esc.nombre}" style="text-align:center"> 
                                    <h:panelGrid columns="1" style="width:100%">  


                                        <p:graphicImage width="100" height="100" rendered="#{esc.imagen != null and esc.imagen != ''}" 
                                                        value="#{gestorPrincipal.obtenLogo(esc)}"/>


                                        <h:outputText value="#{esc.descripcion}" />  

                                        <p:commandButton value="Acceder" icon="ui-icon-search" action="#{gestorPrincipal.paginaEscuelaRedir(esc)}"/>  
                                    </h:panelGrid>  
                                </p:panel>  
                            </p:dataGrid>  

                        </h:form>






                    </main><!-- .content -->
                </div><!-- .container-->



                <aside class="left-sidebar">
                </aside><!-- .left-sidebar -->

                <aside class="right-sidebar">
                </aside><!-- .right-sidebar -->

            </div><!-- .middle-->
        </div><!-- .wrapper -->


        <div id="footer">
            <div class="wrapper">
                <div id="left">

                    <p>
                        Aso Escuelas - Universidad de Cuenca
                        <br/>
                        Página informativa
                    </p>

                </div>

                <div id="testimonials">
                    <p>
                        <ul class="social" id="jquery">
                            <h:panelGroup rendered="#{gestorPrincipal.hayEscuela() and gestorPrincipal.escuela.facebook != null and gestorPrincipal.escuela.facebook != ''}">
                                <li class="facebook">
                                    <a href="#{gestorPrincipal.escuela.facebook}" target="_blank"><strong>Facebook</strong></a>
                                </li>
                            </h:panelGroup>
                            <h:panelGroup rendered="#{gestorPrincipal.hayEscuela() and gestorPrincipal.escuela.twitter != null and gestorPrincipal.escuela.twitter != ''}">
                                <li class="twitter">
                                    <a href="#{gestorPrincipal.escuela.twitter}" target="_blank"><strong>Twitter</strong></a>
                                </li>
                            </h:panelGroup>
                        </ul>                        
                    </p>

                </div>

                <div id="copyright">
                    <p>© 2013 AsoSistemas Web System. All Rights Reserved.</p>

                    <div class="right">
                        <p>
                            <a href="#">Contactarnos</a>
                            | 
                            <a href="#top">Regresar arriba</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </h:body>
</html>
